 <#include "header.ftl">

        <!-- 内容区域 -->
        <div class="tpl-content-wrapper">
        
        <div class="container-fluid am-cf">
                <div class="row">
                     <div class="am-u-sm-12 am-u-md-12 am-u-lg-9">
                        <ol class="am-breadcrumb">
						  <li><a href="${Domain}my" class="am-icon-home">首页</a></li>
						  <li><a href="${Domain}my/daily">常规统计</a></li>
						  <li class="am-active">患者</li>
						  
						</ol>
                    </div>
                  	<#include "../common/return.ftl">
                </div>
          </div>
        
            <div class="row-content am-cf">
            
            
            
                <div class="row  am-cf">
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-6">
                        <div class="widget  am-cf">
                            <div class="widget-head am-cf">
                                <div class="widget-title am-fl">患者总数</div>
                                <div class="widget-function am-fr">
                                    <a href="javascript:;" class="am-icon-cog"></a>
                                </div>
                            </div>
                            <div class="widget-body am-fr">
                                <div class="am-fl">
                                    <div class="widget-fluctuation-period-text">
                                        	${patient.patient_total}
                                        
                                    </div>
                                </div>
                                <div class="am-fr am-cf">
                                    <div class="widget-fluctuation-description-amount text-success" am-cf>
                                        +${patient.patient_month}<span class="widget-fluctuation-description-text am-fr">最近一月</span>
											
                                    </div>
                                </div>
                            </div>
                            
                    
                            <div class="widget-body am-fr">
                                
                                 <div class="am-u-sm-6">
                                 <div id="tngou-echarts-sex" style="height:120px;" class="am-g"></div>
                                 <script type="text/javascript">
							        var sexpie = echarts.init(document.getElementById('tngou-echarts-sex'));
							          sexpie.showLoading();
							          $.get('${Domain}api/echarts/sexpie').done(function (data) {
							              sexpie.hideLoading();
							              sexpie.setOption(data.option);
							          });
    							</script>
                                 </div>
                                
                                <div class="am-u-sm-6">
                                 <div class="widget-statistic-header">
		                                                                    性别比例
		                            </div>
		                            <div class="am-progress-title">男性 <span class="am-fr am-progress-title-more">${patient.patient_male} / ${patient.patient_total}</span></div>
                                
                                    <div class="am-progress-title">女性 <span class="am-fr am-progress-title-more">${patient.patient_female} / ${patient.patient_total}</span></div>
                                
                                
                                 </div>
                                
                            </div>
                            
                        </div>

                    </div>
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-6">
                        <div class="widget  am-cf">
                            
                            <div class="widget-body am-fr">
                               
                               <div id="tngou-echarts-patientagepie" style="height:251.6px;" class="am-g"></div>
                                 <script type="text/javascript">
							        var patientagepie = echarts.init(document.getElementById('tngou-echarts-patientagepie'));
							          patientagepie.showLoading();
							          $.get('${Domain}api/echarts/patientagepie').done(function (data) {
							              patientagepie.hideLoading();
							              patientagepie.setOption(data.option);
							          });
    							</script>
                   
                            </div>
                        </div>

                    </div>
                    
                </div>



        
                
                 <div class="row  am-cf">
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-6">
                        <div class="widget  am-cf">
                            <div class="widget-head am-cf">
                                <div class="widget-title am-fl">患者总数</div>
                                <div class="widget-function am-fr">
                                    <a href="javascript:;" class="am-icon-cog"></a>
                                </div>
                            </div>
                            <div class="widget-body am-fr">
                               
                               <div id="tngou-echarts-patientmonthbar" style="height:180px;" class="am-g"></div>
                                 <script type="text/javascript">
							        var patientmonthbar = echarts.init(document.getElementById('tngou-echarts-patientmonthbar'));
							          patientmonthbar.showLoading();
							          $.get('${Domain}api/echarts/patientmonthbar').done(function (data) {
							              patientmonthbar.hideLoading();
							              patientmonthbar.setOption(data.option);
							          });
    							</script>
                   
                            </div>
                        </div>

                    </div>
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-6">
                        <div class="widget  am-cf">
                            
                            <div class="widget-head am-cf">
                                <div class="widget-title am-fl">患者总数</div>
                                <div class="widget-function am-fr">
                                    <a href="javascript:;" class="am-icon-cog"></a>
                                </div>
                            </div>
                            <div class="widget-body am-fr">
                               
                               <div id="tngou-echarts-patientweekbar" style="height:180px;" class="am-g"></div>
                                 <script type="text/javascript">
							        var patientweekbar = echarts.init(document.getElementById('tngou-echarts-patientweekbar'));
							          patientweekbar.showLoading();
							          $.get('${Domain}api/echarts/patientweekbar').done(function (data) {
							              patientweekbar.hideLoading();
							              patientweekbar.setOption(data.option);
							          });
    							</script>
                   
                            </div>
                        </div>
                    </div>
                    
                </div>
                
                
                
                
                
                
                
                
                <div class="row  am-cf">
                    <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                        <div class="widget  am-cf">
                            <div class="widget-head am-cf">
                                <div class="widget-title am-fl">患者总数</div>
                                <div class="widget-function am-fr">
                                    <a href="javascript:;" class="am-icon-cog"></a>
                                </div>
                            </div>
                            <div class="widget-body am-fr">
                               
                               <div id="tngou-echarts-patientdayline" style="height:180px;" class="am-g"></div>
                                 <script type="text/javascript">
							        var patientdayline = echarts.init(document.getElementById('tngou-echarts-patientdayline'));
							          patientdayline.showLoading();
							          $.get('${Domain}api/echarts/patientdayline').done(function (data) {
							              patientdayline.hideLoading();
							              patientdayline.setOption(data.option);
							          });
    							</script>
                   
                            </div>
                        </div>

                    </div>
                  
                    
                </div>
                
                
                
                
                
                
            </div>
        </div>
        
     <script src="${Domain}common/amazeui/js/echarts.min.js"></script>
    <script src="${Domain}common/amazeui/js/amazeui.datatables.min.js"></script>
    <script src="${Domain}common/amazeui/js/dataTables.responsive.min.js"></script>
        
 <#include "footer.ftl">
   